<template>
  <view class="content">
    <view>
      <text class="title">{{ title }}</text>
    </view>
    <image class="logo" src="/static/logo.png"></image>
    <u-image :showLoading="true" src="/static/logo.png" width="80px" height="80px" @click="click"></u-image>
    <u-button type="primary" text="确定"></u-button>
    <u-button type="primary" :plain="true" text="镂空111111"></u-button>
    <u-button type="primary" :plain="true" :hairline="true" text="细边"></u-button>
    <u-button type="primary" text="禁用"></u-button>
    <u-button type="primary" loading loadingText="加载中"></u-button>
    <u--text type="primary" text="主色"></u--text>
    <u--text type="error" text="错误"></u--text>
    <u--text type="success" text="成功"></u--text>
    <u--text type="warning" text="警告"></u--text>
    <u--text type="info" text="信息"></u--text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello 111111'
    };
  },
  onLoad() {},
  methods: {}
};
</script>

<style lang="scss">
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .logo {
    height: 200rpx;
    width: 200rpx;
    margin: 200rpx auto 50rpx auto;
  }
  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
}
</style>
